<template>
	<view class="page content-20">
			<view class="item-box">
				<image  class="avatar item-img" src="https://pet.dqword.com:8021/weappImg/banner_01.png" mode=""></image>
				<view class="item-info">
					<view class="title item-title">黑旋风(杜宾犬)</view>
					<view class="item-desc">狗狗 | 男孩 | 黑色 | 1个月</view>
				</view>
			</view>
			
			<view class="limit"><text class="theme-color">56</text><text>天后要记得免疫哦!</text></view>
			<view class="tiem">下次免疫时间； 2020-05-05</view>
			
			<view class="btn">确定免疫</view>
			<view class="btn btn-disables">确定免疫</view>
			
			
			<view class="history-con">
				【免疫知识】犬瘟、细小、冠状、狂犬是威胁狗狗的最大杀手，未及时注射疫苗，狗狗感染疾病的危险大大增加。注射疫苗，既对犬有益，也有利于饲养犬人的健康。【注意事项】·45日以下幼犬/或处于感冒状态等非健康状态，不宜注射疫苗。·每个疫苗品牌使用方式、时长不一样，请根据品牌介绍说明用药。·打完疫苗狗狗情绪会低落、厌食等，注意照看。·注射后一周，不要更换食物、外出遛玩，避免淋雨、洗澡。·狂犬病致死率为100%，且狂犬疫苗为国家强制免疫。请到专业的医院进行免疫噢。
			</view>
		<view class="tips">+ 添加爱宠</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
		}
	}
</script>

<style scoped lang="scss">
	.item-box{
		background-color: #fff;
		padding-bottom: 30upx;
		border-bottom: 1px solid $border-color;
		margin-bottom: 30upx;
	}
	.item-desc{
		font-size: $font-size-26;
		color: #666666;
		line-height: 26upx;
		margin-top: 10upx;
	}
	.limit{
		font-size: $font-size-30;
		text-align: center;
	}
	.theme-color{
		font-weight: bold;
		font-size: 40upx;
		text-align: center;
		color: $theme-color;
	}
	.history-con{
		font-size: $font-size-28;
		color: #333333;
		line-height: 44upx;
		text-align: justify;
	}
	.tiem{
		font-size: $font-size-26;
		width: 100%;
		text-align: center;
		color: $red;
		margin: 20upx 0 30upx 0;
	}
	.btn{
		height: 80upx;
		line-height: 80upx;
		background-color: $theme-color;
		width: 200upx;
		margin: 0 auto;
		font-weight: bold;
		margin-bottom: 50upx;
	}
	.btn-disables{
		background-color: $bg-dark-color;
		color: #bfbfbf;
	}
</style>
